查看原文
其他

还在观望?Cocos Creator 3D 小案例《小鸭快跑》新鲜出炉!

白玉无冰 2022-06-10

Editor's Note

cocos creator 3d 上手项目推荐!

The following article is from KUOKUO众享 Author KUOKUO众享


date: 2019-10-16

摘要

CocosCreator 的 3D 版本正式上线!激动干嘛? 愣着啊! KUOKUO 正好手里有个小鸭子模型,于是就把它做成了一个小游戏。

正文

风骚的走位

系统事件来监听触摸

  1. cc.systemEvent.on(SystemEventType.TOUCH_START, (e: EventTouch) => {

  2. let pos = e.getLocation();

  3. // ......

  4. });

  5. cc.systemEvent.on(SystemEventType.TOUCH_END, (e: EventTouch) => {

  6. let pos = e.getLocation();

  7. if (this.startPos.x > pos.x) {

  8. console.log('左');

  9. // ......

  10. } else {

  11. console.log('右');

  12. // ......

  13. }

  14. });

编辑器界面

灯光打在路面上很是丝滑层级关系与UI布局

模型阴影

脚底生风

使用了 3D 粒子组件

死亡界面

代码相关

原来习惯 CocosCreator 的伙伴们注意下,不用打 cc 了。比如实例化预制体代码

  1. createOneEnemy () {

  2. let n1 = Math.floor(3 * Math.random());

  3. let x = -150 + n1 * 150;

  4. let y = 0;

  5. let z = 5000;

  6. let e = instantiate(this.enemy);

  7. this.node.addChild(e);

  8. e.setPosition(cc.v3(x, y, z));

  9. }

结语

CocosCreator 3D 有一些要注意的:

Cocos Creator 3D 不同于 Cocos Creator 的语法格式,Cocos Creator 3D 已全面支持 ES6 和 TS,因此在 Cocos Creator 3D 上只支持 ES6 和 TS 的 Class

总的来说是体验很棒的。

很期待国产引擎称霸的那一天!

  1. (*^▽^*)

工程源码在KUOKUO众享的微信公众号回复关键词【小鸭快跑】即可获得

O(∩_∩)O~~

微信公众号


往期精彩回顾

@ccclass 这是什么!浅谈它在 cocos creator 做了什么!
cocos creator 在 2.0.9 之前版本使用 tween
cocos creator | 波动的水面效果
cocos creator | 残影幻影拖尾效果
微信小游戏流量主广告接入指南


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存